{extend name="public/base" /}
{block name="style"}
    <style>

        /* 通知详情样式 */
        .notice-header {
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
            margin-bottom: 15px;
        }
        .notice-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
            line-height: 1.3;
        }
        .notice-time {
            font-size: 12px;
            color: #888;
            display: flex;
            align-items: center;
        }
        .notice-time i {
            margin-right: 5px;
            font-size: 12px;
        }
        .notice-content {
            color: #555;
            line-height: 1.8;
            font-size: 15px;
        }
        .notice-content p {
            margin-bottom: 15px;
        }
        .notice-content p:last-child {
            margin-bottom: 0;
        }

        /* 标记已读样式（重要通知用） */
        .notice-tag {
            display: inline-block;
            padding: 2px 8px;
            background-color: #1AAD19;
            color: white;
            font-size: 12px;
            border-radius: 4px;
            margin-left: 10px;
        }

    </style>
{/block}
<!--主体-->
{block name="content"}

<!-- 头部导航（与其他页面统一） -->
<header class="wy-header">
    <a href="notifications.html" class="wy-header-back"></a>
    <div class="wy-header-title">通知详情</div>
</header>

<div class='weui-content'>
    <!-- 通知详情模块（复用统一容器） -->
    <div class="wy-Module">
        <div class="wy-Module-con">
            <div class="notice-header">
                <h1 class="notice-title">
                    关于平台系统升级维护的通知
                    <span class="notice-tag">重要</span>
                </h1>
                <div class="notice-time">
                    <i class="fa fa-clock-o"></i>
                    2025-10-28 10:30:00
                </div>
            </div>

            <div class="notice-content">
                <p>尊敬的用户：</p>
                <p>为了提供更稳定的服务和更优质的体验，平台将于2025年10月30日00:00-06:00进行系统升级维护。维护期间，部分功能可能无法正常使用，给您带来的不便，敬请谅解。</p>
                <p>维护内容包括：</p>
                <p>1. 安全系统升级，提升账户资金安全性</p>
                <p>2. 交易系统优化，提高订单处理效率</p>
                <p>3. 移动端体验改进，修复已知问题</p>
                <p>维护完成后，我们将通过短信和站内信通知您。感谢您对本平台的支持与信任！</p>
                <p>如有紧急问题，请联系在线客服或拨打客服热线：400-123-4567。</p>
            </div>
        </div>
    </div>

    <!-- 底部版权（与其他页面统一） -->
    <div class="copyright">
        © 2025 数字货币交易平台 版权所有
    </div>
</div>
{/block}
{block name="script"}
<script>
    // 返回按钮功能
    document.querySelector('.wy-header-back').addEventListener('click', function(e) {
        e.preventDefault();
        // 实际项目中可替换为历史返回
        // history.back();
        // 这里模拟返回通知列表页
        alert('返回通知列表');
    });

    // 标记为已读（可选功能）
    document.addEventListener('DOMContentLoaded', function() {
        // 可在这里添加AJAX请求标记通知为已读
        console.log('通知已标记为已读');
    });
</script>
{/block}

